
  .listItem {
    width: 100%;
    margin-top: 4px;
    padding: 20px;
    background-color: white;

    .title{
      display: flex;
      justify-content: space-between;
      h3 {
        font-size: 16px;
        color: #333;
      }
      .HB{
        display: flex;
        justify-content: space-around;
        align-items: center;
        img{
          width: 20px;
          height: 20px;
        }
        span{
          margin-left: 6px;
          font-size: 13px;
          color: #d92109;
        }
      }
    }

    .time {
      font-size: 10px;
      color: #333;
      margin: 10px 0 8px 0;
    }

    .detail {
      font-size: 12px;
      color: #333;
      line-height: 20px;
    }

    .collect {
      display: flex;
      justify-content: right;
      margin-top: 16px;
      font-size: 10px;
      color: #333;

      li {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 14px;

        span {
          margin-left: 6px;
        }
      }
    }
  }
